<template>
  <div id="app" :class="$route.path === '/timer' ? 'bodyOne' : 'bodyTwo'">
    <transition name="fade" mode="out-in">
      <router-view replace></router-view>
    </transition>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isShow: true
    }
  }
}
</script>

<style lang="less" scoped>
#app {
  width: 100%;
  height: 100%;
}
.bodyOne {
  background: #fffaf0;
}
.bodyTwo {
  background: #000;
  margin: 0;
  width: 100%;
  height: 100%f;
}
</style>
